/* 用户信息 */
<template>
  <div class="app-container user-info">

    <!-- 货币统计 -->
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <span>货币统计</span>
      </div>
      <div class="text item">
        <table>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">平台流水</td>
            <td>hyman8888</td>
            <td style="background-color: gainsboro;width: 200px;">已消费猫币</td>
            <td>2020-06-27 12:20:20</td>
            <td style="background-color: gainsboro;width: 200px;">已消费猫粮</td>
            <td>2020-06-27 12:20:20</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">未消费猫币</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">未消费猫粮</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">提现宠爱值(人民币)</td>
            <td>18888888888</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">平台宠爱值</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">提现手续费/￥</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">充值成功统计</td>
            <td>18888888888</td>
          </tr>
        </table>
      </div>
    </el-card>

    <!-- 支出统计 -->
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <span>货币统计</span>
      </div>
      <div class="text item">
        <table>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">支出</td>
            <td>hyman8888</td>
            <td style="background-color: gainsboro;width: 200px;">微信通道费</td>
            <td>2020-06-27 12:20:20</td>
            <td style="background-color: gainsboro;width: 200px;">支付宝通道费</td>
            <td>2020-06-27 12:20:20</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">渠道分佣金额</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">提现税收支付</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">其他支付</td>
            <td>18888888888</td>
          </tr>
        </table>
      </div>
    </el-card>

    <!-- 订单统计 -->
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <span>订单统计</span>
      </div>
      <div class="text item">
        <table>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">订单数</td>
            <td>hyman8888</td>
            <td style="background-color: gainsboro;width: 200px;">订单金额</td>
            <td>2020-06-27 12:20:20</td>
            <td style="background-color: gainsboro;width: 200px;">付款订单数</td>
            <td>2020-06-27 12:20:20</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">付款金额</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">投诉订单数</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">订单退款金额</td>
            <td>18888888888</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">厅主派订单数</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">厅主确认订单数</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">厅主撤销订单数</td>
            <td>18888888888</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">厅主派订单金额</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">厅主确认订单金额</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">厅主撤销订单金额</td>
            <td>18888888888</td>
          </tr>
        </table>
      </div>
    </el-card>

    <!-- 用户统计-->
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <span>用户统计</span>
      </div>
      <div class="text item">
        <table>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">总用户数</td>
            <td>hyman8888</td>
            <td style="background-color: gainsboro;width: 200px;">大神数</td>
            <td>2020-06-27 12:20:20</td>
            <td style="background-color: gainsboro;width: 200px;">开通个人聊天室数</td>
            <td>2020-06-27 12:20:20</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">未接过单大神数</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">有下单用户数</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">用户下单金额</td>
            <td>18888888888</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">提现用户数</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">提现金额</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">用户下单率</td>
            <td>18888888888</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">30天未登录用户数</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">付费用户数</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">付费超过两千用户数</td>
            <td>18888888888</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">内部用户数</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
          </tr>
        </table>
      </div>
    </el-card>

    <!-- 渠道统计-->
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <span>渠道统计</span>
      </div>
      <div class="text item">
        <table>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">联运渠道数</td>
            <td>hyman8888</td>
            <td style="background-color: gainsboro;width: 200px;">一级渠道数</td>
            <td>2020-06-27 12:20:20</td>
            <td style="background-color: gainsboro;width: 200px;">二级渠道数</td>
            <td>2020-06-27 12:20:20</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">联运渠道流水</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">一级渠道流水</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">二级渠道流水</td>
            <td>18888888888</td>
          </tr>
        </table>
      </div>
    </el-card>

    <!-- 道具统计-->
    <el-card shadow="never" class="box-card">
      <div slot="header" class="clearfix">
        <span>道具统计</span>
      </div>
      <div class="text item">
        <table>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">已买钥匙数量</td>
            <td>hyman8888</td>
            <td style="background-color: gainsboro;width: 200px;">已使用钥匙数</td>
            <td>2020-06-27 12:20:20</td>
            <td style="background-color: gainsboro;width: 200px;">未使用钥匙数</td>
            <td>2020-06-27 12:20:20</td>
          </tr>
          <tr>
            <td style="background-color: gainsboro;width: 200px;">总红包个数</td>
            <td>荣耀30S（设备号：BHFJFJJ30303030)</td>
            <td style="background-color: gainsboro;width: 200px;">总红包猫粮数</td>
            <td>18888888888</td>
            <td style="background-color: gainsboro;width: 200px;">开通贵族数</td>
            <td>18888888888</td>
          </tr>
        </table>
      </div>
    </el-card>

    
  </div>
</template>

<script>

export default {
  data() {
    return {
    };
  },
  created() {
  },
  methods: {
    init(userId){

    }
  }
};
</script>
<style>
.user-info table{
  border-spacing: inherit;
  border-collapse: collapse;
  width: 100%;
}
.user-info table tr td{
  border: 1px solid ;
  text-align: center;
  padding: 15px 0px;
}
.user-head{
      width: 150px;
    height: 150px;
    margin-top: 20px;
    border-radius: 20px;
}
.head-div{
  background-color: gainsboro;width: 200px;
  text-align: center;
  padding: 2px;
  border: 1px solid;
  border-right: 0;
}
</style>
